@import "mixin_helpers";

.tagsinput {

  input {
    font-size: 11px;
    line-height: normal;
    width: auto !important;
  }

  border: 1px solid #ddd;
  background: #fdfdfd;
  padding: 5px;
  width: 100%;
  overflow-y: auto;

  span.tag {

    display: block;
    float: left;
    padding: 0 8px;

    margin: 5px 5px 5px 5px;
    line-height: 23px;
    font-size: 11px;

    a {
      font-weight: 600;
      font-size: 11px;
      float: right;
    }

    border: 1px solid #d2d2d2;
    @include std-bg(#fcfcfc, #f2f2f2);
    @include border-radius(3px);
  }
  input {
    width: 60px;
    border: none;
    padding: 5px 8px 6px 8px;
    background: transparent;
    margin: 5px 5px 0 4px;
  }
  div {
    display: block;
    float: left;
  }
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
  @include border-radius(3px);
}

.secondary-sidebar .tagsinput {
  background: none;
  border: none;
  padding: 0 8px;
  margin: -3px 0;
  span.tag {
    margin: 3px;
    color: #5f5f5f;
    @include std-bg(#fcfcfc, #f2f2f2);
    border: 1px solid #D2D2D2;
    @include border-radius(3px);

    a { color: #aaa; }
  }
}